<template>
  <div class="discovery-container">
   <banners/>
    <!-- 推荐歌单 -->
   <recommend/>
    <!-- 最新音乐 -->
    <news/>
    <!-- 推荐MV -->
     <mvs/>
  </div>
</template>
<script>
/* import mvs from '@/views/discovery/mvs'
import news from '@/views/discovery/news'
import recommend  from '@/views/discovery/recommend '
import banners from '@/views/discovery/banners'; */
/* import axios from 'axios'; */
export default {
  name: 'discovery',
  components:{
    banners:()=>import('@/views/discovery/banners'),
    recommend :()=>import('@/views/discovery/recommend'),
    news:()=>import('@/views/discovery/news'),
    mvs:()=>import('@/views/discovery/mvs'),
  },
  data(){
    return{   
    }
  },
 
};
</script>

<style >

</style>
